<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>文本2</title>
    <style type="text/css">
        hr~div{
            width: 300px;
            border: #0000FF 1px solid;
        }
        hr+div~div{
            white-space: nowrap;   
            overflow: hidden;
            text-overflow: ellipsis; /* 直接裁剪 */
        }
    </style>
</head>
<body>
<hr>
<div>这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字</div>
<div>这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字</div>
<div>这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字这是div里面的文字</div>
</body>
</html>